<script setup>
import { ref, onMounted, toRefs } from 'vue'
import {unit2} from '../unit.js'

defineProps({
    config: Object,
});



</script>

<template>

<hr :style="{
    borderColor: config.color,
    borderWidth: '0 0 ' + unit2(config.borderWidth) + ' 0',
    borderStyle: 'solid',
    margin: unit2(config.margin) +' auto',
    width: unit2(config.width, config.width_unit),
    height: '0',
    backgroundColor: 'transparent',
    display: 'block',
    clear: 'both',
}">

</template>

<style scoped>

</style>